{% extends "base.html" %}

{% block titulo %}Nova Aula{% endblock %}

{% block conteudo %}
	<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
	<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
	<style>
		div.ui-datepicker {
			font-size:10px;
		}
	</style>
	<script type="text/javascript">
		var data = "{{ aula_data }}";

		var btn_excluir_aula = function(data, aula_id, disciplina_id){

			if(confirm('Tem certeza que deseja excluir essa aula? ' + data)){
				document.location.href = '/excluir_aula/' + aula_id + '/disciplina_id/' + disciplina_id;
			} 

		}
		jQuery(document).ready(function(){

			$.datepicker.regional['pt-BR'] = {
				closeText: 'Fechar',
				prevText: '&#x3c;Anterior',
				nextText: 'Pr&oacute;ximo&#x3e;',
				currentText: 'Hoje',
				monthNames: ['Janeiro','Fevereiro','Mar&ccedil;o','Abril','Maio','Junho',
				'Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
				monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun',
				'Jul','Ago','Set','Out','Nov','Dez'],
				dayNames: ['Domingo','Segunda-feira','Ter&ccedil;a-feira','Quarta-feira','Quinta-feira','Sexta-feira','Sabado'],
				dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
				dayNamesMin: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
				weekHeader: 'Sm',
				dateFormat: 'dd/mm/yy',
				firstDay: 0,
				isRTL: false,
				showMonthAfterYear: false,
				yearSuffix: ''
			};

        		$.datepicker.setDefaults($.datepicker.regional['pt-BR']);
			$('#data').datepicker();
			$( "#data" ).datepicker( "option", "dateFormat", "dd/mm" );
			$('#data').val(data);
		});
	</script>

	<style>
		ol { margin: 0; padding: 0; margin-top: 25px;}

		ol li {
			list-style: none;
		}
	</style>

	{% for category, msg in get_flashed_messages(with_categories=true) %}
		<div class="flash {{category}}"><span>{{ msg }}</span></div>
	{% endfor %}

	<p>Disciplina: <strong>{{ disciplina.nome }}</strong></p>

	<form action="/form_add_aula_salva/{{ disciplina.id }}?aula_id={{aula_id}}" method="POST">

		<label for="data">Data: </label><br>
		<input type="text" name="data" id="data" size="4" value="{{ aula_data }}" placeholder="Ex.: 21/05">

		<ol>
	    {% for a in lista %}
			<li>
				<input type="checkbox" {{ a.checked }} name="alunos_group[]" value="{{ a.id }}" id="aluno-{{ a.id }}">
				<label for="aluno-{{ a.id }}">{{ a.nome }}</label>
			</li>
		{% endfor %}
		</ol>

		<br>
			<input type="button" onclick="document.location='/ver_disciplina/{{ disciplina.id }}'" value="Voltar"> - 
		{% if aula_id != '0' %}
			<input type="button" onclick="return btn_excluir_aula('{{ aula_data }}', '{{ aula_id }}', '{{ disciplina.id }}');" value="Excluir Aula"> - 
		{% endif %}

		<input type="submit" value="Salvar">

	</form>
	
{% endblock %}
